{include file="../application/api/view/layout/header.html" /}
{if condition="($toLan == 'zh')"}
<link rel="stylesheet" href="../css/about-recruit.css">
{else /}
<link rel="stylesheet" href="../css/exzh/about-recruit.css">
{/if}
<div class="about-banner">
        <h2>｜ <?php echo translate('关于我们',$fromLan,$toLan);?> ｜</h2>
        <div class="title">About Us</div>
    </div>

    <section class="section-tab w1200">
        {include file="../application/api/view/layout/aboutBox.html" /}
        <div class="main-box">
            <div class="main-title">
                <h3><?php echo translate('招聘中心',$fromLan,$toLan);?></h3>
                <p><?php echo translate('招聘中心',$fromLan,$toLan);?> <i>/</i> <span><?php echo translate('关于我们',$fromLan,$toLan);?></span></p>
            </div>
            <div class="about-box">
                <img class="recruit-banner" src="../img/about-recruit/recruit-banner.png?x-oss-process=image/format,webp/quality,Q_75" alt="banner">
                <h3 class="banner-title"><?php echo translate('招聘中心',$fromLan,$toLan);?></h3>
                <div class="recruit-box">
                    <div class="container-row">
                        {volist name="list" id="vo"}
                        <div class="recruit-item">
                            <a href="./page-style-{$vo.id}.html">
                              <div class="recruit-container">
                                <h5 class="recruit-title"><?php echo translate($vo['name'],$fromLan,$toLan);?></h5>
                                <p class="recruit-detail"><?php echo translate($vo['subtitle'],$fromLan,$toLan);?></p>
                            </div>
                            <div class="recruit-btn">
                                <?php echo translate('招聘职位',$fromLan,$toLan);?>
                                <i class="icon button-next"></i>
                            </div>
                            </a>
                        </div>
                        {/volist}
                    </div>
                </div>
                <!--<div class="pages-container">
                    <div class="button-prev"></div>
                    <div class="pages-box">
                        <a class="pages-item active">1</a>
                        <a class="pages-item">2</a>
                        <a class="pages-item">3</a>
                        <a class="pages-item">4</a>
                    </div>
                    <div class="button-next"></div>
                </div>-->
            </div>
        </div>
    </section>

{include file="../application/api/view/layout/footer.html" /}
